/* -------------------------------------------------------------------
 * block grids paddings
 * ------------------------------------------------------------------- */
.bgrid {
    padding: 0 20px;
}

@media only screen and (max-width: 1024px) {
    .bgrid {
        padding: 0 18px;
    }

}

@media only screen and (max-width: 768px) {
    .bgrid {
        padding: 0 15px;
    }

}

@media only screen and (max-width: 600px) {
    .bgrid {
        padding: 0 10px;
    }

}

@media only screen and (max-width: 400px) {
    .bgrid {
        padding: 0;
    }

}